import { observer } from "mobx-react-lite"
import { Path, SvgProps } from "react-native-svg"
import { useGlobalStore } from "../../mobx"
import { getColorStr } from "../../themes"
import { SvgCommon } from "./Common"

export const SvgShopCart = observer((props: SvgProps) => {
    const { theme } = useGlobalStore()
    return (
        <SvgCommon {...props}>
            <Path d="M14.6721 5.11445C14.9397 4.84678 15.3413 4.84678 15.5643 5.11445C15.7874 5.33751 15.832 5.6944 15.6535 5.91746L15.6089 6.00669L11.0139 10.6463C10.7908 10.8694 10.4339 10.914 10.1663 10.6909L10.077 10.6463L7.48956 7.96961C7.2665 7.74655 7.2665 7.34504 7.48956 7.07737C7.71262 6.85431 8.06951 6.85431 8.33719 7.03276L8.42641 7.07737L10.5678 9.30797L14.6721 5.11445Z" fill={getColorStr(theme, 'color_1')}/>
            <Path d="M16.1998 1.03096H10.5498C10.4498 1.03096 7.64981 1.23096 6.8498 4.03096C6.7498 4.43096 6.9498 4.83096 7.3498 4.93096C7.7498 5.03096 8.1498 4.83096 8.2498 4.43096C8.6998 2.78096 10.3498 2.58096 10.5998 2.53096H16.1498C17.0998 2.53096 17.8998 3.33096 17.8998 4.28096V10.981C17.8998 11.931 17.0998 12.731 16.1498 12.731H6.6498C5.6998 12.731 4.9498 12.031 4.8998 11.081C4.4998 3.43096 4.1498 2.63096 3.9998 2.33096C3.3498 1.03096 1.9498 0.730959 1.2498 0.780959C0.849805 0.830959 0.549805 1.18096 0.549805 1.58096C0.599805 1.98096 0.949805 2.28096 1.3498 2.28096C1.3998 2.28096 2.2998 2.23096 2.6498 2.98096C2.7498 3.18096 3.0498 4.33096 3.4498 11.181C3.5498 12.781 4.7998 14.081 6.3498 14.231C5.5498 14.631 5.0498 15.481 5.0498 16.381C5.0498 17.781 6.1498 18.881 7.5498 18.881C8.9498 18.881 10.0498 17.781 10.0498 16.381C10.0498 15.481 9.5498 14.631 8.7998 14.231H13.7998C13.0498 14.681 12.5498 15.481 12.5498 16.381C12.5498 17.781 13.6498 18.881 15.0498 18.881C16.4498 18.881 17.5498 17.781 17.5498 16.381C17.5498 15.481 17.0498 14.631 16.2998 14.231C18.0498 14.181 19.4498 12.731 19.4498 10.981V4.28096C19.4498 2.53096 17.9998 1.03096 16.1998 1.03096ZM7.5498 17.631C6.8498 17.631 6.2998 17.081 6.2998 16.381C6.2998 15.681 6.8498 15.131 7.5498 15.131C8.2498 15.131 8.7998 15.681 8.7998 16.381C8.7998 17.081 8.2498 17.631 7.5498 17.631ZM16.2998 16.381C16.2998 17.081 15.7498 17.631 15.0498 17.631C14.3498 17.631 13.7998 17.081 13.7998 16.381C13.7998 15.681 14.3498 15.131 15.0498 15.131C15.7498 15.131 16.2998 15.731 16.2998 16.381Z" fill={getColorStr(theme, 'color_38')}/>
        </SvgCommon>
    )
})
